
<style type="text/css">

div.ds_dialog_title {background: {$config['formcolortop']}; border-bottom: 1px solid {$config['formcolortop']};}


#top_time li {display:inline-block;background-color:#fc8117;border-radius:2px;color:#fff;font-size:12px;width:20px;line-height:18px;text-align:center}
#top_time li.split {background: none; color: #fff; width: 8px;}
#top_time li.split_yomiday {width: 14px;}
#group_time {display: inline-block;}
#group_time ul {display: inline-block;}
#group_time li {display: inline-block; color: #fff;}
#group_time li {background-color:#ee201d;}
	.lv_newbottom2 {position: fixed; width: 100%; height: 52px; line-height: 52px; z-index: 97; background: #ededed; text-align: center; left: 0; bottom: 500; display: flex; display: -webkit-flex;}
{php $config['maxcountall']==1?$showrecord=0:'';}

	.lv_newbottom {position: fixed; width: 100%; height: 52px; line-height: 52px; z-index: 97; background: #ededed; text-align: center; left: 0; bottom: 0; display: flex; display: -webkit-flex;}
	.lv_newbottom a {flex: auto; -webkit-flex: auto;}
	
			.lv_newbottom a:nth-child(1) {background: {$config['formcolorhead']}; color: {$config['formcolorcentertext']}; font-size: 19px; }

			.lv_newbottom a:nth-child(2) {background: {$config['formcolortop']}; color: {$config['formcolorcentertext']}; font-size: 19px; }

		.lv_newbottom a:nth-child(2) em {font-size: 12px;}
		.lv_newbottom a:nth-child(3) {background: {$config['formcolorcenter']}; color: {$config['formcolorrighttext']}; font-size: 19px; }

{if !empty($showrecord) || ($config['groupprice2']!='0.00' && $config['primeprice']!='0.00')}
	.levelgroup_check label {
	    display: block;
	    width: 100%;
	    height: 34px;
	    margin-bottom: 9px;
	}
{/if}

.levelgroup_head {
    background: {$config['formcolorhead']};
}
.levelgroup_top{
	background: {$config['formcolortop']};
}


.levelgroup_num {
    background: {$config['formcolortop']};
}
#group_time li {background-color:{$config['formcolortop']};}
.levelgroup_register {
    background: {$config['formcolortop']};
}

.levelgroup_button,.levelgroup_button_right {
    background: {$config['formcolortop']};
    padding: 0px 8px 10px;
}
.levelgroup_check {
    background: {$config['formcolorhead']};
}


.levelgroup_button a ,.levelgroup_button_right a {display: block; background: url({$_G['URL']['APP_IMAGE']}icon_button2.png); background-size: 100% 100%; text-align: center; height: 48px; line-height: 48px; width: 100%; font-size: 20px; color: #565653; margin-bottom: 10px; font-weight: bold;}

.levelgroup_register ul li select, .levelgroup_register ul li input {
    color: #565653;
}

.info{
    height:2.2rem;
    background-color:#fff;
    border:1px solid #fff;
    border-radius:0.625rem;
    line-height:2.2rem;
    margin:0.625rem 0.625rem;
    padding:0 0.625rem;
    display:flex;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-blox-orient: horizontal;
    -webkit-flex-flow: row;
    flex-direction: row;
    font-size:16px;

}
.info label{
    width:28%;
}
.info input{
    width:58%;
    flex:1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    height:2.2rem;
    outline: none;
    border:none;
    line-height:2.2rem;
    padding:0 0.625rem;
    font-size:16px;
}

</style>
{if !empty($config['buttontips'])}
{php $config['buttontips'] = str_replace("#totalsum",$totalsum,$config['buttontips']);}
{php $config['buttontips'] = str_replace("#groupsnum",$groupsnum,$config['buttontips']);}
{php $config['buttontips'] = str_replace("#scansum",$scansum,$config['buttontips']);}
<style type="text/css">
.fudfai_right2 {
	position: fixed;
	z-index: 50; 
	width: 100%; 
	height: 22px; 
	left:  0px; 
	bottom: 50px;
	background: #F5EBA9;
	text-align: center;
	color: #6B6A6A;
	/*filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;*/
	padding: 3px;
}
</style>
<div class="fudfai_right2" >{$config['buttontips']}
</div>
{/if}
 


{if $config['groupprice2']!='0.00'}
<div class="lv_newbottom menu02" style="display: none;">
	<a  href='javascript:;' onclick="showkfewm()" >
		<img src="{$_G['URL']['APP_IMAGE']}chat2.png" alt=""><br />
		客服
	</a>
		<a href="javascript:;" onclick="swithmenu2()">
			返回<br />上一级
		</a>
		<a href="javascript:;" onclick="show_info(1)">
			{if $config['isshowprice']==2}<em>￥</em>{php echo intval($config['groupprice']);}<em>{php echo str_replace(intval($config['groupprice']).".",".",sprintf("%.2f",$config['groupprice']));}</em><br />{/if}
			{$formtextcenter}
		</a>
		<a href="javascript:;" onclick="show_info(4)">
			{if $config['isshowprice']==2}<em>￥</em>{php echo intval($config['groupprice2']);}<em>{php echo str_replace(intval($config['groupprice2']).".",".",sprintf("%.2f",$config['groupprice2']));}</em><br />{/if}
			{$formtextcenter2}
		</a>
</div>
{/if}

<div class="lv_newbottom menu01" >

	{if $friendlistuid == $_G['member']['uid']}

			<a  href="#light" {if empty($config['iconname_menu'])}style="display: none;"{/if} >{$config['iconname_menu']}</a>
			<a  href="#friendhelp">解锁礼盒</a>
			{if empty($themyrecordid)}
				<a href="javascript:;" onclick="show_info(1)">
						{$formtextcenter}
				</a>
			{else} 
				<a class="letgo7" style="line-height: 20px; font-size: 18px; padding-top: 6px; }" href="#friendhelp">
					报名成功<br><em style="font-size: 12px;">邀请好友收集小星星</em>
				</a>
			{/if}
	{else}
		{if !empty($friendlistuid)}
   			{if $isfriend == 0}
				<a href="#friendhelp" >{$config['friend_anniu']}</a>
			{else}
				<a href="#friendhelp"  >{$config['friend_success']}</a>
			{/if}
		{else}
			<a  href="#light" {if empty($config['iconname_menu'])}style="display: none;"{/if} >{$config['iconname_menu']}</a>
		{/if}
			{if empty($themyrecordid)}
				<a href="javascript:;" onclick="show_info(1)">
						{$formtextcenter}
				</a>
			{else}
				<a href="/{php echo createMobileUrl('index', array('themeid'=>$theme['id'],'fopenid'=>$_G['openid'],'fromuid'=>$_G['member']['uid'],'workerid'=>$workerid));}">
					我的链接
				</a>
			{/if}
	{/if}
		
</div>



<div class="levelgroup_bg" onclick="hidden_info()" style="display: none;"></div>
<div class="levelgroup_main" style="display: none;">
	<div class="levelgroup_top content">
		<i style="line-height: 50px; font-size: 20px; color: #fff; padding-left: 5px;">
			{if empty($workername)}
			{$theme['jubf']}
			{else}
			<a href="tel://{$workermobile}" style="color: #fff"><img style="width:20px;height:20px;padding: 15px 0px 0px 12px;" src="{$_G['URL']['APP_IMAGE']}phone2.png">客服:{$workername}</a>
			{/if}
		</i>
		<div>
			<span>参与人数{$totalsum}</span><br />
			<em>曝光量{$scannum}人</em>
		</div>
	</div>

	<ul class="levelgroup_head contet" >
		{if $maxcountall==3 || count($detaillist)==2}
		<li>
		</li>
		{elseif $maxcountall==2 || count($detaillist)==1}
		<li style="width: 30%;">
		</li>
		{elseif $maxcountall==4 || count($detaillist)==3}
		<li style="width: 10%;">
		</li>
		{/if}
		<li>
			<img src="{php echo tomedia($showrecord['avatar']);}" alt=""><br />{$showrecord['username']}	<em style="content:'&#x62fc;主';position:absolute;right:0px;top:0px;width:20px;height:20px;line-height:20px;text-align:center;background-color:#F0373D;color:#fff;font-size:8px;border:2px solid #fff;-webkit-border-radius:21px;border-radius:21px;background-clip:padding-box">&#x62fc;主</em>
		</li>
		{if !empty($detaillist)}
        {loop $detaillist $cindexno $item}

		<li>
			<img src="{php echo tomedia($item['avatar']);}" alt=""><br />{$item['username']}
			{if $cindexno==0}<em style="content:'沙&#x53d1;';position:absolute;right:0px;top:0px;width:20px;height:20px;line-height:20px;text-align:center;background-color:#FF9910;color:#fff;font-size:8px;border:2px solid #fff;-webkit-border-radius:21px;border-radius:21px;background-clip:padding-box">沙&#x53d1;</em>
			{/if}
		</li>
        {/loop}
        {/if}
        {if !empty($num_arr)}
	         {loop $num_arr $cindexno $item}
				<li>
					<img src="{$_G['URL']['APP_IMAGE']}kongbai.png" alt=""><br />&nbsp;
					{if $cindexno==0 && empty($detaillist)}
						<em style="content:'沙&#x53d1;';position:absolute;right:0px;top:0px;width:20px;height:20px;line-height:20px;text-align:center;background-color:#FF9910;color:#fff;font-size:8px;border:2px solid #fff;-webkit-border-radius:21px;border-radius:21px;background-clip:padding-box">沙&#x53d1;</em>
					{/if}
				</li>
	        {/loop}
        {/if}
	</ul>

	<div class=" levelgroup_num content">
		{if $nowgroupneednum!=0}
			此&#22242仅剩{$nowgroupneednum}个名额
			{if $refundtime > time()}
			,&#25340&#22242倒计时:<em class="yamibox" id="group_time" data="{php echo date('Y-m-d H:i:s', $refundtime);}"></em>
			{else}
			, 您现在付款即可加入此&#22242
			{/if}
    	{else}
    		{if $config['maxcountall']>1}
		    	{if $config['tuanmode']==0}
		    		此&#x56E2;已&#x62fc;&#x56E2;成功
		    	{else}
		    		此&#x56E2;已&#x62fc;&#x56E2;成功,还可继续加入,共享福利
		    	{/if}
		    {/if}
	    {/if}
	</div>
	<div class="levelgroup_check content">
		<label style="{if empty($showrecord) || $nowgroupneednum==0}display: none;{/if}">
			<input type="radio" name="check_type" id="check_type_2" value="2" />
			<i>加入{$showrecord['username']}的&#22242<em>（此&#22242仅剩{$nowgroupneednum}个名额）</em></i>
		</label>
		{if $config['primeprice']!='0.00'}
		<label>
			<input type="radio" name="check_type" id="check_type_3" value="3">
			<i>{if empty($config['dandutips'])}{$formtextleft}￥{$config['primeprice']}{else}{$config['dandutips']}{/if}</i>
		</label>
		{/if}
		<label>
			<input type="radio" name="check_type" id="check_type_1" value="1">
			<i>{if empty($config['pintuantips'])}&#x62fc;&#x56E2;•{$config['maxcountall']}人&#25340&#22242价￥{$config['groupprice']}{else}{$config['pintuantips']}{/if}</i>
		</label>
		{if $config['groupprice2']!='0.00'}
		<label>
			<input type="radio" name="check_type" id="check_type_4" value="4">
			<i>{if empty($config['pintuantips2'])}&#x62fc;&#x56E2;•{$config['maxcountall2']}人&#25340&#22242价￥{$config['groupprice2']}{else}{$config['pintuantips2']}{/if}</i>
		</label>
		{/if}
	</div> 
	{if empty($themyrecordid)}
	<div class="levelgroup_register content" style="{if $nowgroupneednum==0 && $config['tuanmode']==0}display: none;{/if}">
		<ul class="content">
			<div class="info">
				<label>{$config['nametext']}：</label>
				<input placeholder="请输入{$config['nametext']}" type="text" name="regname_order" value="{$_G['member']['username']}" id="regname_order">
			</div>
			<div class="info">
				<label>{$config['mobiletext']}：</label>
				<input placeholder="请输入{$config['mobiletext']}" type="tel" name="username_order" value="{$_G['member']['mobile']}" id="username_order">
				<input value="0" type="hidden" name="joininfoid" id="joininfoid">
			</div>

			{if $system['gift'] != 1 }
			<div  class="info" {if empty($config['address'])}style="display: none;"{/if}>
				<label {if mb_strlen($config['address'])>12}style="font-size: 12px;"{/if}>{$config['address']}:</label>
				<input placeholder="{$config['address']}必填" type="text" name="address_order" value="{$member['address']}" id="address_order">
			</div>
			{/if}
			{if $config['shopstype'] > 0 }
				<div  class="info" {if empty($config['shops'])}style="display: none;"{/if}>
					<label {if mb_strlen($config['shops'])>12}style="font-size: 12px;"{/if}>{$config['shops']}:</label>
					<input placeholder="{$config['shops']}必填" type="{php echo $config['shopstype']==2?'tel':'text';}" name="shoptitle" value="{$member['option']}" id="shoptitle">
				</div>
			{/if}
			{if $config['datetimetype'] > 0 }
				<div  class="info" {if empty($config['datetime'])}style="display: none;"{/if}>
					<label {if mb_strlen($config['datetime'])>12}style="font-size: 12px;"{/if}>{$config['datetime']}:</label>
					<input placeholder="{$config['datetime']}必填" type="{php echo $config['datetimetype']==2?'tel':'text';}" name="date_order" value="{$member['datetime']}" id="date_order">
				</div>
			{else}
				<div  class="info" {if empty($config['datetime'])}style="display: none;"{/if}>
					<label {if mb_strlen($config['datetime'])>12}style="font-size: 12px;"{/if}>{$config['datetime']}:</label>
					<input class="weui-input" style="font-size: 14px;" placeholder="{$config['datetime']}" type="text" onfocus="(this.type='date')" value="{$member['datetime']}" name="date_order" id="date_order"/>
				</div>
			{/if}

			{if $config['shopstype'] == 0 }
				{if !empty($config['shops'])}
				<div class="info">
					<label style="width:30%;" {if mb_strlen($config['shops'])>12}style="font-size: 12px;"{/if}>{$config['shops']}：</label>
					{if !empty($config['options'])}
					<select id="shoptitle" name="shoptitle" class="sdiv">
						<option value="">请选择{$config['shops']}</option>
						{loop $config['options'] $row}
						<option value="{$row}" {if $row==$member['option']}selected="selected"{/if}>{$row}</option>
						{/loop}
					</select>
					{/if}
				</div>
				{else}
				<input  type="hidden" name="shoptitle" value="默认" id="shoptitle">
				{/if}
			{/if}
			<div style="padding-left: 20px; color: #ffffff; {if empty($config['xieyi'])} display: none;{/if}">
				<input placeholder="{$config['xieyi']}必填" type="checkbox" name="xieyi" id="xieyi_order">
				<label>{$config['xieyi']}</label>
			</div>
		</ul>
	</div>
	<div class="levelgroup_button content">
		<input type="hidden" id="tijiao" value="0">
		<a href="javascript:;" id="topay" >{php echo $config['joinfee']=='0.00'?"立即支付":$formtextpay;}</a><!-- 加入TA的&#x56E2; -->
	</div>
	<div class="levelgroup_button_right content">
		<!--底部&#x6309;钮-->
		<input type="hidden" id="tijiao" value="0">
		<a href="javascript:;" onclick="hidden_info()" >此团已满</a><!-- 此&#x56E2;成功 -->
		<a href="javascript:;" id="level0" onclick="hidden_info()" style="">返回&#x5f00;一个新&#22242</a>
	</div>
	{else}
	<div class="levelgroup_button_right content">
		<input type="hidden" id="tijiao" value="0">
		{if $config['maxcountall']==1}
			<a href="javascript:;" class="letgo1" >您已成功抢购</a><!-- 邀请&#x597d;&#21451; -->
		{else}
			{if $nowgroupneednum==0 && $config['tuanmode']==0}
			<a href="javascript:;" onclick="hidden_info()" >{$config['lablesuccess']}</a><!-- 此&#x56E2;成功 -->
			{else}
			<a href="javascript:;" class="letgo1" >{$config['lableleadergs']}</a><!-- 邀请&#x597d;&#21451; -->
			{/if}
		{/if}
		<a href="javascript:;" id="level0" onclick="hidden_info()" style="">返回活动页面</a>
	</div>	
	{/if}

</div>
{if $theme['endtime'] >$_G['TIMESTAMP']}
<script type="text/javascript" src="{$_G['URL']['APP_JS']}time_mi.js"></script>
{/if}
<style>

.levelgroup_head li {position: relative;}
.levelgroup_register ul li select, .levelgroup_register ul li input {width: 100%; text-align: center; font-size: 18px;}

.levelgroup_bg {background: rgba(0,0,0,.6);}

.levelgroup_basebottom {display: flex; background: none; display: -webkit-flex;}
.levelgroup_basebottom a,.levelgroup_basebottom span {flex: auto; -webkit-flex: auto;}
.levelgroup_basebottom span {display: block; background: #000; color: #fff; font-size: 20px; border-radius: 10px 0 0 0;}
.levelgroup_basebottom a {display: block; background: #e93b3d; color: #ff0; font-size: 20px; border-radius: 0 10px 0 0; font-weight: bold;}

.levelgroup_register ul li input::-webkit-input-placeholder {color: #f8dc20;}

/*动画*/
@-webkit-keyframes zoomIn_new {
    0% {
        opacity: 0.5;
        -webkit-transform: scale3d(.4, .4, .4);
        transform: scale3d(.4, .4, .4)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn_new {
    0% {
        opacity: 0.5;
        -webkit-transform: scale3d(.4, .4, .4);
        transform: scale3d(.4, .4, .4)
    }
    50% {
        opacity: 1
    }
}
.zoomIn_new {
    -webkit-animation-name: zoomIn_new;
    animation-name: zoomIn_new
}
</style>
<script type="text/javascript">
{if $_P['showtuan']==1 }
	show_info(2);
{/if}

function show_info(keyid){
	
	{if $system['gift']==1}
		var prizes_arr = [];
		prizes_arr[0] = {$config['gifttypeselect2']};
		prizes_arr[1] = {$config['gifttypeselect1']};


		var prizes = [];
		var prizes = $('.select_prize_id:checked');
		if(prizes.length < 1){
			ds.dialog({
			   title : '&#25805;&#20316;&#25552;&#31034;',
			   content : '&#35831;先选择{$config['address']}',
			   yesText : '&#30830;&#23450;',
		       timeout :2.5,
			});
			return false;
		}
		{if $config['typeid'] == 0}
		if(prizes_arr[0] > 0){
			if(prizes.length > prizes_arr[0]){
				ds.dialog({
					title : '&#25805;&#20316;&#25552;&#31034;',
					content : '&#27492;&#27963;&#21160;&#26368;&#22810;&#21482;&#33021;&#36873;&#25321;' + prizes_arr[0] + '&#39033;',
					yesText : '&#30830;&#23450;',
				    timeout :2.5,
				});
				return false;
			}else if(prizes.length < prizes_arr[1]){
				ds.dialog({
					title : '&#25805;&#20316;&#25552;&#31034;',
					content : '&#27492;&#27963;&#21160;&#26368;&#23569;&#38656;&#35201;&#36873;&#25321;' + prizes_arr[1] + '&#39033;',
					yesText : '&#30830;&#23450;',
				    timeout :2.5,
				});
				return false;
			}
		}
		{/if}
	{/if}


	$(".menu01").show();
	$(".menu02").hide();
		{if $config['isshowtips']==0}
		$(".levelgroup_check").show();
		{else}
		$(".levelgroup_check").hide();
		{/if}
	if(keyid == 3){
		$(".levelgroup_head").hide();
		$(".levelgroup_num").hide();
		$(".levelgroup_button_right").hide();
		$(".levelgroup_button").show();
		$("#check_type_1").attr('checked', '');
		$("#check_type_1").prop('checked', false);
		$("#check_type_2").attr('checked', '');
		$("#check_type_2").prop('checked', false);
		$("#check_type_4").attr('checked', '');
		$("#check_type_4").prop('checked', false);
		$("#check_type_3").attr('checked', 'checked');
		$("#check_type_3").prop('checked', true);
		$(".levelgroup_register").show();
	}else if(keyid == 1){
		$(".levelgroup_head").hide();
		$(".levelgroup_num").hide();
		$(".levelgroup_button_right").hide();
		$(".levelgroup_button").show();

		$("#check_type_2").attr('checked', '');
		$("#check_type_2").prop('checked', false);
		$("#check_type_3").attr('checked', '');
		$("#check_type_3").prop('checked', false);
		$("#check_type_4").attr('checked', '');
		$("#check_type_4").prop('checked', false);
		$("#check_type_1").attr('checked', 'checked');
		$("#check_type_1").prop('checked', true);
		$(".levelgroup_register").show();
	}else if(keyid == 4){
		$(".levelgroup_head").hide();
		$(".levelgroup_num").hide();
		$(".levelgroup_button_right").hide();
		$(".levelgroup_button").show();

		$("#check_type_2").attr('checked', '');
		$("#check_type_2").prop('checked', false);
		$("#check_type_3").attr('checked', '');
		$("#check_type_3").prop('checked', false);
		$("#check_type_1").attr('checked', '');
		$("#check_type_1").prop('checked', false);
		$("#check_type_4").attr('checked', 'checked');
		$("#check_type_4").prop('checked', true);
		$(".levelgroup_register").show();
	}else if(keyid == 2){
		$(".levelgroup_head").show();
		$(".levelgroup_num").show();
		$(".levelgroup_check").hide();
		{if empty($themyrecordid)}
			{if $nowgroupneednum==0 && $config['tuanmode']==0}
				$(".levelgroup_button_right").show();
				$(".levelgroup_button").hide();
				$(".levelgroup_register").hide();
			{else}
				$(".levelgroup_button_right").hide();
				$(".levelgroup_button").show();
			{/if}
		{else}
			$(".levelgroup_button_right").show();
			$(".levelgroup_button").hide();		
		{/if}
		$("#check_type_1").attr('checked', '');
		$("#check_type_1").prop('checked', false);
		$("#check_type_3").attr('checked', '');
		$("#check_type_3").prop('checked', false);
		$("#check_type_4").attr('checked', '');
		$("#check_type_4").prop('checked', false);
		$("#check_type_2").attr('checked', 'checked');
		$("#check_type_2").prop('checked', true);
	}else{
		$("#level0").hide();
	}
	$(".levelgroup_bg").show();
	$(".levelgroup_main").slideDown();
	//$("body").addClass('body_style');
}
function swithmenu(){
	$(".menu02").show();
	$(".menu01").hide();
}
function swithmenu2(){
	$(".menu01").show();
	$(".menu02").hide();
}
function hidden_info(){
	$(".levelgroup_bg").hide();
	$(".levelgroup_main").slideUp();
	//$("body").removeClass('body_style');
}

</script>